import React, { Component } from 'react';
import {BrowserRouter as Router, Route, Link} from 'react-router-dom';
// import {HashRouter as Router, Route, Link} from 'react-router-dom';
import ReactANI from 'react-addons-css-transition-group';

import "../css/aside.css";
import {connect} from "react-redux";

class Asides extends Component {
  render() {
    return (
        <aside>
            <ReactANI  className="aside_content" transitionName='example' transitionEnterTimeout={2000} transitionLeaveTimeout={2000}>
              <ul className="aside_list">
                <li>
                  <Link to="/"><span>首页</span><i className="iconfont">&#xe649;</i></Link>
                </li>
                <li>
                  <Link to="/film/now_playing"><span>影片</span><i className="iconfont">&#xe649;</i></Link>
                </li>
                <li>
                  <Link to="/cinema"><span>影院</span><i className="iconfont">&#xe649;</i></Link>
                </li>
                <li>
                  <a><span>商城</span><i className="iconfont">&#xe649;</i></a>
                </li>
                <li>
                  <a><span>演出</span><i className="iconfont">&#xe649;</i></a>
                </li>
                <li>
                  <Link to="/login"><span>我的</span><i className="iconfont">&#xe649;</i></Link>
                </li>
                <li>
                  <a><span>卖座网</span><i className="iconfont">&#xe649;</i></a>
                </li>
              </ul>
              <div className="aside_opacity"></div>
            </ReactANI>
        </aside>
    )
  }
}

var Aside = connect(
	function(state,ownprops){
		return {
			
		}
	},
	function(dispatch,ownprops){
		return {
			
		}
	}
)(Asides);

export default Aside;